<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="screen/screen_layout">

<head>
    <title>游客总览</title>
</head>

<body class="screen screen-index">

<div layout:fragment="content">
    <div class="main-box">
        <div class="main-col main-col-left">
            <div class="screen-panel main-col-left1">
                <h4>省内TOP</h4>
                <div id="shengneiTopChart" class="h100"></div>
            </div>
            <div class="screen-panel main-col-left2">
                <h4>景区实时人流构成TOP</h4>
                <div id="flowStructTop" class="h100"></div>
            </div>
        </div>
        <div class="main-col main-col-center">
            <div class="screen-panel main-col-center1">
                <div class="main-col-center1-col main-col-center1-col1">实时客流总数<div class="main-col-center1-value main-col-center1-value-total">12057346</div></div>
                <div class="main-col-center1-col main-col-center1-col2">同比<div class="main-col-center1-value">56%</div></div>
                <div class="main-col-center1-col main-col-center1-col3">环比<div class="main-col-center1-value">35%</div></div>
            </div>
            <div class="screen-panel main-col-center2">
                <h4>国内TOP</h4>
                <div id="guoneiTopChart" class="h100"></div>
            </div>
            <div class="screen-panel main-col-center3">
                <h4>当年累计接待客流量</h4>
                <div class="flow-count-box">
                    <div class="flow-count-detail">
                        <div class="flow-count-rank flow-count-rank-1">1</div>
                        <div class="flow-count-style"><div class="flow-count-name flow-count-name-1" style="width:100%">大明宫国家遗址公园</div></div>
                        <div class="flow-count-num flow-count-num-1">5601558人</div>
                    </div>
                    <div class="flow-count-detail">
                        <div class="flow-count-rank flow-count-rank-2">2</div>
                        <div class="flow-count-style"><div class="flow-count-name flow-count-name-2" style="width:70%">大唐芙蓉园</div></div>
                        <div class="flow-count-num flow-count-num-2">4601558人</div>
                    </div>
                    <div class="flow-count-detail">
                        <div class="flow-count-rank">3</div>
                        <div class="flow-count-style"><div class="flow-count-name" style="width:50%">兵马俑</div></div>
                        <div class="flow-count-num">3601558人</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-col main-col-right">
            <div class="screen-panel main-col-right1">
                <h4>省内各地市旅游流动关系</h4>
                <div></div>
            </div>
            <div class="screen-panel main-col-right2">
                <h4>月总人数走势</h4>
                <div id="monthTrend" class="h100"></div>
            </div>
            <div class="screen-panel main-col-right3">
                <h4>景点客流 TOP</h4>
                <div></div>
            </div>
        </div>
    </div>


    <script th:replace="common/common_libs::commonjs"></script>
    <script src="/js/screen/index.js"></script>
</div>

</body>
</html>